<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/attention.css">
    <link rel="stylesheet" href="font_ufvhgsefy1k/iconfont.css">
    <link rel="stylesheet" href="font_evsw3qz4odr/iconfont.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="yuLiu"></div>
        <div class="head">
            <a href="" class="iconfont icon-fangdajing"></a>
            <ul class="nav">
                <li>关注</li>
                <li>发现</li>
            </ul>
        </div>
    </header>

    <!-- 内容区域 -->
    <section>
        <article>
            <h3>推荐老师——让艺术改变生活</h3>

            <ul class="list">
                <li class="li-01">
                    <img src="img/02.jpg" alt="">
                    <h5>老师</h5>
                    <p>中国人民大学教授</p>
                    <span class="iconfont icon-guanzhu1"></span>
                </li>
                <li class=" li-01 ">
                    <img src="img/02.jpg " alt=" ">
                    <h5>老师</h5>
                    <p>中国人民大学教授</p>
                    <span class="iconfont icon-guanzhu1"></span>
                </li>
                <li class="li-01 ">
                    <img src="img/02.jpg " alt=" ">
                    <h5>老师</h5>
                    <p>中国人民大学教授</p>
                    <span class="iconfont icon-guanzhu1"></span>
                </li>
                <li class="li-01 ">
                    <img src="img/02.jpg " alt=" ">
                    <h5>老师</h5>
                    <p>中国人民大学教授</p>
                    <span class="iconfont icon-guanzhu1"></span>
                </li>
            </ul>
        </article>
        <aside>
            <img src="img/02.jpg" alt="">
        </aside>

        <div class="new">
            <h3>New 最新发布</h3>
            <div class="box">
                <div class="box-top">
                    <img src="img/02.jpg" alt="">
                    <div class="box-p">
                        <p>李老师</p>
                        <p>2019-03-18</p>
                    </div>
                </div>
                <img class="box_Img" src="img/02.jpg" alt="">
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer>
        <figure class="shouye">
            <span class="iconfont iconshouye"></span>
            <figcaption>首页</figcaption>
        </figure>
        <figure class="yujian">
            <span class="iconfont iconzhaopian"></span>
            <figcaption>遇见</figcaption>
        </figure>
        <figure class="shequ">
            <span class="iconfont iconshequ-weijihuo"></span>
            <figcaption>社区</figcaption>
        </figure>
        <figure class="wode">
            <span class="iconfont iconwode1"></span>
            <figcaption>我的</figcaption>
        </figure>
    </footer>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/skip.js"></script>
    <script src="js/attention.js"></script>
</body>

</html>